<!DOCTYPE html>
<html chrome_comp_test="table_margin_affects_align_center">
<body>

<h1>RX8004</h1>

<p>Note: The container DIV is 300px wide, the inner TABLE is 201px wide, if not
otherwise mentioned.</p>

<p>1.</p>
<div style="width:300px; border:1px solid;">
  <table align="center" style="margin-left:10px;" width="201" border="1" expectedProblems="RX8004">
    <tr>
      <td>table align="center" margin-left:10px;
        (the auto margin is 50px)
      </td>
    </tr>
  </table>
</div>

<p>2.</p>
<div style="width:300px; border:1px solid;">
  <table align="center" style="margin:0 10px;" width="201" border="1" expectedProblems="RX8004">
    <tr>
      <td>table align="center" margin:0 10px;
        (the auto margin is 50px)
      </td>
    </tr>
  </table>
</div>

<p>3.</p>
<style>
.margin_10px {
  margin: 10px;
}
</style>
<div style="width:300px; border:1px solid;">
  <table align="center" class="margin_10px" width="201" border="1" expectedProblems="RX8004">
    <tr>
      <td>table align="center" class="margin_10px"
        (the auto margin is 50px)
      </td>
    </tr>
  </table>
</div>

<p>4.</p>
<div style="width:300px; border:1px solid;">
  <table align="center" style="margin-left:43px;" width="201" border="1" expectedProblems="RX8004">
    <tr>
      <td>table align="center" margin-left:43px;
        (the auto margin is 50px)
      </td>
    </tr>
  </table>
</div>

<p>-4.1</p>
<div style="width:300px; border:1px solid;">
  <table align="center" style="margin-left:44px;" width="201" border="1">
    <tr>
      <td>table align="center" margin-left:44px;
        (the auto margin is 50px)
      </td>
    </tr>
  </table>
</div>

<p>5.</p>
<div style="position:relative; width:300px; border:1px solid;">
  <table align="center" style="margin:0;" width="201" border="1" expectedProblems="RX8004">
    <tr>
      <td>table align="center" margin:0;
      </td>
    </tr>
  </table>
</div>
<hr/>
<h2>The followings don't have problems.</h2>

<p>A1.</p>
<div style="width:300px; border:1px solid;">
  <table align="center" width="201" border="1">
    <tr>
      <td>table align="center"</td>
    </tr>
  </table>
</div>

<p>A2.</p>
<div style="width:300px; border:1px solid;">
  <table align="center" style="margin:0 50px;" width="201" border="1">
    <tr>
      <td>table align="center" margin:0 50px;
        (the auto margin is 50px too)
      </td>
    </tr>
  </table>
</div>

</body>
</html>
